<!DOCTYPE html>
<html>
<head>
	<title>new sel api test</title>
	
	<meta charset="utf-8">
	
	<script type="text/javascript" src="jquery-2.1.3.min.js"></script>
	<script type="text/javascript">
	/*
	$("document").ready(function(){
		alert("hello world!");
	});
	*/
	$(function(){
		//alert("hello other!!!");
		document.charset = "UTF-8";
		//alert(document.charset);
		
	});

	var biging = false;
	var t = null;
	function show_me(me){
		biging = !biging;
		if(biging){
			t = setInterval(function(){
				//var h = parseInt(me.style.height),w = parseInt(me.style.width);
				var h = me.offsetHeight,w = me.offsetWidth;
				//h=isNaN(h)?10:h;
				//w=isNaN(w)?50:w;
				h+=2;
				w+=2;
				me.style.width = w+"px";
				me.style.height =h+"px";
			},50);
		}
		else{
			clearInterval(t);
			t = null;
		}
	}
	function show_me2(me){
		alert(me.style.width.toString());
	}
	</script>
	<style type="text/css">
		.p_red{
			width: 100px;
			display: block;
			border: 2px solid grey;
			color:red;
			background-color: yellow;
		}
		.normal{
			width:100px;
			display: block;
			border: 3px solid black;
			color:blue;
			background-color: grey;
		}
		.yellow{
			height: 50px;
		}
	</style>
</head>
<body>
	<h1>New Sel Api test 新的选择API测试</h1>
	<div id="div_main">
		<p class="p_red">line 0 这是第0行</p>
		<p>line 1</p>
		<p class="p_red">line 2 这时第二行</p>
		<p id="pc" class="love p_red yellow best" onclick="show_me(this);">line 3</p>
		<p class="p_red" data-appId="1331" data-longName="hopy" data-best_val=">z">
			hello world!!! 你好世界！！！
		</p>
	</div>
</body>
</html>